<template>
  <a-config-provider :locale="locale">
    <router-view></router-view>
  </a-config-provider>


</template>
<script setup>
import zh from "ant-design-vue/es/locale/zh_CN";
import en from "ant-design-vue/es/locale/en_US";
import useLangStore from "./store/lang";
const LangStore = useLangStore();
const langs = {
  zh,
  en,
};
const locale = ref(langs[LangStore.lang]);
watch(
   ()=>LangStore.lang,
   ()=>{
    locale.value = langs[LangStore.lang];
   },
  );
</script>
<style>
html,
body,
#app{
  height: 100vh;
}
</style>